<li>
  <a class="nav-menu fs-14"
    ng-if="menu.stateName"
    ui-sref="{{menu.stateName}}"
    ng-click="toggle(menu)"
    ng-class="{ 'active': menu.name === '首页',
                'has-sub': menu.children.length,
                'sub': menu.index,
                'sub-1': menu.index === 1,
                'sub-2': menu.index === 2}">
    <i class="fs-theme-color iconfont icon-margin {{menu.iconClass}}"></i>
    <!-- <i class="iconfont icon-shouye menu-icon"></i> -->
<!--     <i ng-if="menu.index" class="icon iconfont icon-mianxingtubiaoqianjin"></i>
 -->    <span>{{menu.name}}</span>
    <div class="arrow" ng-if="menu.children.length">
      <i class="icon iconfont icon-qianjin"></i>
    </div>
  </a>
  <a class="nav-menu fs-14"
    ng-if="!menu.stateName"
    ng-click="toggle(menu)"
    ng-class="{'has-sub': menu.children.length,
               'sub': menu.index,
               'sub-1': menu.index === 1,
               'sub-2': menu.index === 2}">
    <i class="iconfont icon-margin {{menu.iconClass}}"></i>
    <!-- <i ng-if="menu.index" class="icon iconfont icon-mianxingtubiaoqianjin"></i> -->
    <span>{{menu.name}}</span>
    <div class="arrow"
      ng-if="menu.children.length"
      ng-class="{'arrow-expand': menu.isExpanded}">
      <i class="icon iconfont icon-qianjin"></i>
    </div>
  </a>
  <!-- 二级菜单 -->
  <ul class="sub-menu-group" ng-if="menu.children.length && menu.isPermitted" ng-show="menu.isExpanded">
    <nav-menu ng-repeat="subMenu in menu.children" ng-if="subMenu.isPermitted" data-menu="subMenu"></nav-menu>
  </ul>
</li>
